<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <script type="text/javascript" src="resources/js/jQuery.js" />
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
        <script>
            function abrir_dialog() {
                $("#dialog").dialog({
                    show: "explode",
                    hide: "explode"
                });
            }
        </script>
    </h:head>
    <h:body>
        <style>
            body{background-image: url('resources/images/love.jpg'); background-size: cover}
        </style>
        <div id="dialog" title="Prohibida la entrada a menores de 18 años" style="display:none;" >
            <h3 align="center">Atención: Contenido adulto explícito</h3>
            <p align="center">Esta página da acceso a material, información y comentarios orientados a un público adulto, y que pueden ser considerado ofensivos en ciertas comunidades.

                No debes entrar a esta página si el visionado de contenido erótico adulto es considerado ilegal o inadecuado en tu país o comunidad.

                Cualquier intento de mostrar o solicitar material de menores de edad no será tolerado y será reportado a las autoridades.

                Si pulsas aceptar o cierras el aviso nos das permiso para el uso de cookies necesario para el funcionamiento de la web, certificas que eres mayor de edad y que has leído comprendes y aceptas los Términos y Condiciones de Uso.
            </p>
            <h:button value="Entrar" outcome="ENTRAR" image="resources/images/entrar.png" alt="Entrar" />
            
            <h:button value="salir" outcome="NOENTRAR" image="resources/images/salir.png" alt="Salir" />
        </div>
        <center>
            <button onclick="abrir_dialog()"><h1>Pulsar aquí para leer las condiciones antes de Entrar</h1></button>
        </center>
    </h:body>
</html>
